<template>
  <div class="m-content">
    <div class="content-box" v-for="item in movie" :key="item.id" >
      <div class="item">
        <p class="item-time">{{item.date}}</p>
        <p class="item-issue-nu">{{item.title}}</p>
        <a href="#" class="img-wrapper">
          <img :src="item.img_url" width="375" />
        </a>
        <p class="item-author">
          {{item.picture_author}}
        </p>
        <p class="item-content">
          {{item.content}}
        </p>
        <p class="item-author">{{item.text_authors}}</p>
      </div>
    </div>
  </div>
</template>

<script>
import axios from 'axios'
// const API_PROXY = 'https://bird.ioliu.cn/v1/?url='
export default {
  name: 'M-Content',
  data () {
    return {
      movie: []
    }
  },
  created () {
    this._getGallaryList()
  },
  methods: {
    // _getGallaryList () {
    //   axios.get(API_PROXY + 'https://api.tuchong.com/feed-app?os_api=22&device_type=MI&device_platform=android&ssmix=a&manifest_version_code=232&dpi=400&abflag=0&uuid=651384659521356&version_code=232&app_name=tuchong&version_name=2.3.2&openudid=65143269dafd1f3a5&resolution=1280*1000&os_version=5.8.1&ac=wifi&aid=0&page=1&type=refresh', {
    //     headers: {
    //       'Content-Type': 'application/json'
    //     }
    //   }).then((res) => {
    //     if (res.data && res.status === 200) {
    //       this.gallary = res.data.feedList
    //     }
    //   }).catch((e) => {
    //     console.log(e)
    //   })
    // }
    _getGallaryList () {
      axios.get('/api/movie.json').then((res) => {
        if (res.data && res.data.res === 0) {
          this.gallary = res.data.data
          console.log(res.data.data)
        }
        // console.log(res)
      }).catch((e) => {
        console.log(e)
      })
    }
  }
}
</script>

<style lang="stylus" scoped>
.m-content
  z-index 1
  color #000000
  width 100%
  text-align center
  background-color #aaaaaa30
  .content-box
    width 100%
    background-color #ffffff
    .item
      display flex
      flex-direction column
      padding-bottom .71rem
      margin-bottom .23rem
      box-shadow: 0 0.0625em 0 0 rgba(230, 230, 230, 0.5);
      p
        margin 0 .57rem
      .item-time
        padding-top .46rem
        line-height .63rem
        opacity 0.6
        font-size .57rem
        font-family: 'Courier New'
        letter-spacing .11rem
      .item-issue-nu
        font-size .31rem
        color #808080
        line-height .4rem
        margin-top .15rem
      .img-wrapper
        display block
        width 100%
        height 0
        overflow hidden
        margin .29rem 0 .57rem 0
        padding-bottom 66.7%
        img
          width 100%
      .item-author
        margin 0 .57rem
        font-size .34rem
        line-height .4rem
        color #808080
      .item-content
        color #000000
        opacity 0.6
        font-size .38rem
        margin-top .5rem
        margin-bottom .45rem
        line-height .74rem
        text-align left
</style>
